<template>
  <el-table :data="tableData" :size="size" border stripe style="width: 100%;height: 100%">
    <table-column v-for="(item, index) in tableHeader" :key="`table-${index}`" :columnData="item"></table-column>
  </el-table>
</template>

<script>
import TableColumn from './table-column'
export default {
  name: 'hm-table',
  components: {
    TableColumn
  },
  props: {
    tableData: {
      type: Array,
      default: () => []
    },
    tableHeader: {
      type: Array,
      default: () => []
    },
    size:{
      type:String,
      default:'small'
    }
  }
}
</script>

<style scoped></style>
